@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Julius+Sans+One);
body {
color:#4e4946;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:  url(../images/basement/brick-wallpaper-2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.control .sort select{
color:#4e4946;
border-color:#000;
}
.control{
clear:both;
background: linear-gradient(to bottom, rgba(102,102,102,1), rgba(150,150,150,1));
background: -webkit-linear-gradient(top, rgba(102,102,102,1), rgba(150,150,150,1));
color:#fff;
height: 20px;
margin:0px 0;
padding:15px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}
.control a{
padding:2px 5px;
background:#fff;
text-decoration:none;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.control .sort{
float:right;
}
.control .sort:after{
content:'';
clear:both;
display:block;
height:0;
}


#logo{
background: url(../images/basement/header_background2.jpg);
font-size:16px;
margin:0 0 20px;
/*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;  */
box-shadow:10px 10px 5px #000;
border-radius: 10px;
        -moz-border-radius: 10px;

        -webkit-border-radius:10px;
}
#logo h1{
margin:0;
}
#logo a{
text-decoration:none;
padding:0px;
display:block;
color: #000;
}
#topbar a:hover{
color:#ff0000;
}
#topbar li.active a{
background:#fff;
color:#000;
text-align:left;
}


#topbar{
padding:0px 0 0 0;
margin:0px 0 0 0;
}
#topbar ul{
list-style:none;
margin:0 0 0 0;
padding:0 0px;
text-align:center;
}
#topbar li{
display:inline-block;
margin:0px;
}
#topbar a{
display:inline-block;
font-family:'Open Sans Condensed', sans-serif;
text-decoration:none;
padding:0px;
color:#fff;
text-align:left;
}

#topLeft  {

        float: left;
        margin-left: 0px;
        margin-top: 0px;
        height: 25px;
        color: #fff;
}
#topRight  {

        float: right;
        margin-right: 0px;
        margin-top: 0px;
        height: 25px;
        color: #fff;
}


#page{
margin: 0 0 20px;
padding: 10px;
background: #fff;
background-image:  url(../images/basement/sidebar.jpg);
background-repeat: repeat-y;
background-position: left;
border: 1px solid;
border-radius: 10px;
box-shadow:5px 5px 5px #000;
}
#footer1{
margin: 0px;
padding: 5px;
background:#000;
color: #fff;
border-radius: 10px;
box-shadow:5px 5px 5px #ccc;
}

#footer1 a{
color: #fff;
}
#footer2{
padding:30px;

}

#content h1,
.box h3{
color:#000;
font-family: 'Julius Sans One', sans-serif;
}
/* TEXT
************************************************/
h1,
h2,
h3,
h4,
h5,
h6{

margin:0.8em 0 0.4em;
font-family: 'Julius Sans One', sans-serif;
}
h1 {
font-size: 22px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 19px;
}
h4 {
font-size: 17px;
}
h5 {
font-size: 16px;
letter-spacing:-0.05em;
}
h6 {
font-size: 14px;
}



a {
color:#000;
text-decoration:underline;
}
a:hover,.cycle-pager-active{
color:#ff0000;
text-decoration:none;
}

.sidebar .box{
border-color:#000;
}

input[type="text"],
input[type="password"],
select,
textarea{
border-color:#ff0000;
color:#000;
background:#fff;
}
fieldset{
border-color:#b8bc9a;
}
.btn-pair input[type="text"],
.btn-pair input[type="password"]{
border-color:#ff0000;
}
.btn-pair:hover input[type="text"],
.btn-pair:hover input[type="password"]{
border-color:#ff0000;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
a.btn{
background:#333;
color:#fff;
border-radius: 5px;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
a.btn:hover{
background:#000;
}

input[disabled],
button[disabled],
.btn.disabled,
input[disabled]:hover,
button[disabled]:hover,
.btn.disabled:hover{
background:#333;
cursor:default;
}

input.textboxDisabled{
border-color:#ff0000;
}

.product-list .product{
border-color:#ff0000;
}



.checkout-progress{
color:#7c836e;
}

.row.heading,
#basket .basket_header,
#basket .subtotal{
background:#eaeae6;
}
#basket .total{
background:#333;
color:#fff;
}

#basket .basket_product{
border-color:#eaeae6;
}

#orders-list .row{
border-color:#eaeae6;
}

#documents{
}
#documents a{color:#fff;}
#documents a:hover{
color:rgba(255,255,255,0.6);
}
#documents li.active a{

color:#ff0000;
}

.review:nth-of-type(even){
background:#eaeae6;
}

.rating .icon{
color:#fbad05;
}

.discounts_table th,
.discounts_table td{
border-color:#eaeae6;
}

/*
superfish
*/
.sf-menu a {
border-top: 1px solid #fff;
color:#000;
}
.sf-menu li {

}
.sf-menu ul li {
background: #333;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
background: #000;
}
.sf-menu ul a{
color:rgba(255,255,255,0.6);
}
.sf-menu li:hover>a,
.sf-menu li.sfHover>a{
color:#fff;
}
/* styling for horizontal arrows */
.sf-arrows ul .sf-with-ul:after {
border-color: transparent;
border-left-color: #333;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: #fff;
}
.sf-vertical.sf-arrows > li > .sf-with-ul:after {
border-color: transparent;
border-right-color: #ff0000;
}
.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,
.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,
.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
border-right-color: #fff;
}
/* Wide
================================================= */
@media only screen and (min-width: 1200px) {
#logo {background: url(../images/basement/header_background2.jpg); }
#logo a { color: #fff;}
#topbar  {
      width: 100%;

        height: 40px;
        padding-top: 0px;
        color: #000;

        font-size: 18px;
       /*  background-color: #ff0000;
       border-radius: 0 0 20px 20px;
        -moz-border-radius:0 0 20px 20px;
        -moz-border-radius: 0 0 20px 20px;
        -webkit-border-radius: 0 0 20px 20px;
        -webkit-border-radius:0 0 20px 20px;     */
        }
        #topbar  {
      width: 100%;

        height: 40px;
        padding-top: 0px;
        color: #000;

        font-size: 18px;
       /*  background-color: #ff0000;
       border-radius: 0 0 20px 20px;
        -moz-border-radius:0 0 20px 20px;
        -moz-border-radius: 0 0 20px 20px;
        -webkit-border-radius: 0 0 20px 20px;
        -webkit-border-radius:0 0 20px 20px;     */
        }

}

/* Normal
================================================= */
@media only screen and (min-width: 981px) and (max-width: 1200px) {
#logo {
background: url(../images/basement/header_background2.jpg); }
#logo a { color: #fff;}
#topbar  {
      width: 100%;

        height: 40px;
        padding-top: 0px;
        color: #fff;

        font-size: 18px;
       /*  background-color: #ff0000;
       border-radius: 0 0 20px 20px;
        -moz-border-radius:0 0 20px 20px;
        -moz-border-radius: 0 0 20px 20px;
        -webkit-border-radius: 0 0 20px 20px;
        -webkit-border-radius:0 0 20px 20px;     */
        }

}

/* Narrow
================================================== */
@media only screen and (min-width: 651px) and (max-width: 980px) {
body{
background:#fff;
}
#logo {
background: url(../images/basement/header_background_gradient.png); }
#topbar  {
        width: 100%;
        height: 60px;
        color: #000;
        font-size: 16px;
      /*  background-color :  #FF0000; */

}
#topbar a{
color:#000;
}


}

/* Mobile
================================================== */
@media only screen and (max-width: 650px) {
body{
background:#fff;
}
#logo {
background: url(../images/basement/header_background_gradient.png); }
#topbar  {
        width: 100%;
        height: 1000px;
        color: #000;
        font-size: 20px;
       /* background-color :  #FF0000;   */

}


#topbar a{
color:#000;

}



}